<template>
  <div class="contain">
    <div class="detail-box">
      <div class="detail-item1 flex">
        <div>详情id：</div>
        <div>{{ detailInfo.id }}</div>
      </div>
      <div class="detail-item2 flex">
        <div>详情类别：</div>
        <div>{{ detailInfo.type }}</div>
      </div>

      <div>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate
        veniam doloremque maiores expedita quia laborum accusantium veritatis
        dicta, ut consequatur accusamus cupiditate facilis natus, ipsam beatae
        nemo ipsa earum nesciunt. Lorem ipsum dolor sit, amet consectetur
        adipisicing elit. Aliquam repellat modi quis mollitia error laborum id
        tenetur aliquid laudantium dolores, quaerat eaque enim amet ab
        cupiditate harum corrupti eligendi deserunt Lorem ipsum dolor, sit amet
        consectetur adipisicing elit. Architecto, quae! Dolorum dignissimos
        deserunt voluptatibus id minus, eos ut natus accusantium quo et ab
        beatae. Dicta provident quae corrupti atque rerum. Debitis unde omnis
        nostrum corrupti esse nemo repellendus sunt, deleniti veniam eaque. Sint
        aliquam, debitis quia, itaque fugiat quam culpa quibusdam, soluta rerum
        illum maxime voluptas adipisci reiciendis autem assumenda. Libero cum
        repellat, amet aut molestias accusamus maiores esse ea, fugit voluptatum
        inventore non! Dolor iste numquam repellat! Eaque eius facere, doloribus
        nobis minus deserunt dolorem iure voluptatem numquam. Tenetur. Nesciunt
        distinctio illo molestias asperiores voluptatum adipisci nulla optio
        alias est voluptate, blanditiis eius eum, quaerat, et architecto nobis
        obcaecati perferendis molestiae sunt temporibus. Temporibus praesentium
        molestiae ratione architecto enim. Molestias animi a mollitia, veniam
        autem magnam tenetur fugiat eum nam, nisi dolorum eos nemo fugit, cumque
        expedita eveniet voluptatibus blanditiis quisquam laudantium. Officiis,
        culpa magnam illum saepe facilis sit! Recusandae natus ipsam aperiam
        facere accusamus iusto dolore animi! Itaque tempore incidunt maxime
        velit in at? Consequatur, ab nam. Facere a totam blanditiis rerum
        commodi est cupiditate, sequi enim numquam. Ratione veritatis eos vel
        delectus consequuntur tempora doloremque aliquam voluptatum sapiente
        sequi? Totam iure eos natus nam dignissimos? Corrupti porro facilis
        atque odit quis voluptates fuga earum molestiae impedit nihil? Optio
        eligendi in, ducimus quam laboriosam iure eius doloribus. Ducimus
        distinctio, veritatis iste repellat incidunt tempora. Minus corrupti
        doloribus quas laboriosam expedita itaque delectus in, nobis numquam
        nihil necessitatibus molestiae? Ipsa cum illo similique iure. Tenetur
        animi, similique soluta labore facere molestiae! Soluta repellat, earum
        architecto modi dignissimos nesciunt odio veniam ad corporis eaque! Cum
        odit facilis veritatis dolores minus? At ut ea officia? Sapiente dolorum
        alias quo cum voluptas esse officiis ad eveniet. Rerum, eius obcaecati
        repellendus deserunt suscipit autem quaerat saepe voluptatum, vitae,
        corporis ipsum id consectetur exercitationem. Quaerat doloribus quas
        consequatur distinctio laboriosam eligendi corporis molestiae dolorum
        repudiandae nobis, asperiores veritatis incidunt impedit eaque quidem
        aut esse, est ab repellat officia officiis fugiat dicta. Architecto,
        reprehenderit nisi. Minima aspernatur ratione itaque sapiente ipsa
        voluptatum laborum a eius in. Ipsa ut repellat fugit accusamus obcaecati
        id quo nam dicta, voluptate quas! Mollitia ab autem ipsa. Incidunt,
        asperiores quibusdam! Voluptatum dolore, ipsam accusantium quos
        voluptates possimus nisi labore inventore modi, voluptas vitae saepe
        quisquam, distinctio ea aspernatur porro magnam corrupti ex recusandae
        animi! Ipsam numquam placeat nisi nihil ad. Odio ut corrupti nesciunt,
        cum illo non voluptas recusandae nam nihil, libero officiis incidunt
        ipsam quod sed magni praesentium? Tenetur dicta, officiis deleniti
        libero tempore sint quidem dolores ipsum? Unde. Quasi maxime, voluptate
        aut ipsum voluptates voluptas vero tenetur reiciendis possimus
        distinctio fuga delectus alias tempora ex quibusdam deserunt
        perspiciatis mollitia temporibus impedit exercitationem omnis ratione
        minus repellat. Delectus, amet. Incidunt, magni? Adipisci voluptatem
        perferendis nesciunt aliquid facere voluptatibus totam sapiente, maxime
        aspernatur voluptatum rem temporibus unde libero asperiores possimus
        laboriosam nulla at eaque. Optio nobis autem tenetur quos. Odit.
        Voluptatibus odio mollitia maiores dolor, est cumque iure perferendis
        impedit esse odit vitae vel ducimus vero! Officiis non quod, qui beatae
        ab veritatis, magnam aperiam, unde corrupti minima rem consequuntur.
        Harum possimus dolor quis eum vel impedit fugit aut vitae veritatis,
        reprehenderit nemo nulla fugiat porro nam? Nemo nobis nesciunt tempore?
        Perferendis totam aliquid fugit suscipit consequatur accusamus sequi
        nisi! Possimus harum unde rerum dolore hic aspernatur quaerat sapiente
        nam soluta incidunt non tenetur, quo beatae dolorem culpa quos,
        dignissimos, illum cupiditate. Ipsam voluptatibus cum fuga. Mollitia
        officiis totam necessitatibus? Beatae ab, culpa est, vero vel repellat
        tempore dolorum odio officiis repudiandae doloribus. Commodi aliquid
        atque culpa aliquam ut modi, ratione dolore perspiciatis qui voluptatum
        assumenda recusandae earum placeat consequuntur? Porro et explicabo
        asperiores dolores? Numquam, minus eius nam dolor vel, repellat suscipit
        similique asperiores quos voluptatem nesciunt. Voluptatum neque eos
        repudiandae eveniet veritatis similique, voluptas ipsum nihil commodi
        velit. Iste voluptates dolores animi numquam amet rem, ex soluta, veniam
        tempore necessitatibus excepturi quasi repudiandae voluptatum quisquam,
        repellat sit tenetur reiciendis recusandae architecto odit nesciunt
        enim. Saepe corporis magnam obcaecati! Voluptate cupiditate a eveniet ab
        doloremque rerum? Eveniet cumque, consectetur possimus, esse dolores
        quisquam qui reiciendis nobis voluptatum mollitia ex voluptatem iusto
        aut deleniti fugiat dolorem, aperiam tempore explicabo incidunt. Tenetur
        distinctio consequuntur sunt nostrum cum officiis temporibus quaerat
        ipsa, laudantium nesciunt facere veritatis et eaque. Ad nam inventore
        dolore optio maiores dolores itaque recusandae exercitationem eum,
        dolorem temporibus iure! Ratione sed magni natus rerum, vero beatae?
        Commodi, rem? Reprehenderit quod ut iste? Repellat blanditiis debitis
        pariatur quam illo aut harum. Quisquam aliquam iure, et cupiditate
        placeat iusto mollitia ut. Quo aliquid vitae quas voluptates? Non, quam
        sed explicabo aliquid asperiores laborum accusamus totam porro magni
        vitae fuga eos pariatur repellendus amet perferendis nisi enim illo quae
        reiciendis tempore excepturi! Vero consectetur voluptatem, officiis cum
        facere iusto, corporis quis recusandae quia omnis dolorum dolores
        necessitatibus, fuga maxime accusamus? Nihil, quasi? Recusandae eaque
        molestias deleniti et omnis quas, pariatur perferendis? Eligendi. Ipsa
        facilis voluptatibus ad obcaecati in dicta error molestiae, eos neque
        eius autem? Enim distinctio aut, quo deleniti harum magnam debitis
        reiciendis eaque quas modi. Animi eveniet est unde cumque! Atque vel
        quaerat, quo quisquam fuga porro totam accusamus aliquam facere. Esse
        itaque dolorem nesciunt, tenetur fugiat provident sequi! Pariatur
        veritatis ex voluptatum at soluta? Commodi, fugiat. Numquam, quia
        consectetur? Perspiciatis omnis unde repudiandae mollitia eos impedit
        distinctio nemo aliquam eligendi quisquam, sequi, explicabo, laborum in.
        Veritatis, provident in inventore labore animi porro aliquam iste
        placeat libero quas dolore? Illo? Placeat nemo harum dolorum! Laborum
        distinctio aliquid error doloremque in sit perspiciatis dicta inventore
        ratione, veritatis eveniet culpa recusandae sequi iure odit eum deleniti
        ipsam iusto fuga laboriosam assumenda est. Delectus, quibusdam error
        nulla nostrum minus reprehenderit necessitatibus accusantium dolorem
        quidem, rem hic est optio nam ab dolor dignissimos esse qui ad vel
        aspernatur tempora odit soluta vero. Possimus, tempore! Quaerat
        excepturi soluta atque ad est quidem velit architecto quis molestias
        similique. Dolorem dolores accusamus neque hic. Voluptatum sint ullam
        accusamus expedita modi quaerat vero dolorem ut optio, autem quas.
        Nesciunt perferendis eos dolorem dolor nisi quibusdam suscipit aut eius
        quam! Esse explicabo alias eos corrupti quo quis ab labore placeat error
        ducimus nulla similique possimus, et necessitatibus culpa adipisci? Non
        eos quam possimus optio accusamus necessitatibus ullam officiis sit
        libero odit ea molestias, dignissimos quas quisquam dolore officia
        commodi eveniet culpa eligendi facilis. Temporibus nisi fuga dicta eius
        animi! Voluptatibus pariatur debitis soluta ad temporibus, dolorem
        asperiores consequuntur, amet officiis praesentium illum nostrum.
        Eligendi ex, eos commodi magni reprehenderit delectus ad voluptatibus
        consectetur cupiditate provident odit nemo deserunt beatae! Distinctio
        quisquam iusto architecto possimus culpa obcaecati, sit voluptas fugiat
        vero ipsam repellendus quas quibusdam debitis, consequuntur corrupti
        magnam necessitatibus, accusamus perferendis provident ut aut incidunt
        ducimus praesentium? Ut, perspiciatis. Sed, beatae? Voluptatum, eum
        maiores? Voluptatum, asperiores. Rerum fugit distinctio dolor fugiat
        sequi laboriosam, doloremque, est totam ab corporis saepe quidem natus
        ipsam eligendi dolores. Fugiat explicabo quaerat cupiditate laudantium?
        Itaque quaerat enim quo porro velit dolorem, odit ratione iusto labore
        accusamus repellat ad cupiditate qui quam unde blanditiis vero pariatur
        recusandae eius odio possimus nihil consequatur sunt sint? Minus?
        Doloribus error sint est nobis culpa, quae molestias rem debitis in
        assumenda ipsum dignissimos minus deleniti quibusdam dolorem ab ipsam
        veniam fugiat perspiciatis fugit ipsa soluta voluptate. Harum,
        recusandae quae! Quo amet error animi suscipit consequatur numquam velit
        perspiciatis, at inventore libero repellat magni exercitationem
        aspernatur minima enim quia quisquam ex officia sit. Nemo ipsum possimus
        dolorem molestiae deserunt quidem? Sed, debitis tempore? Aut, in
        laudantium. Pariatur exercitationem ut est eveniet repellat?
        Repellendus, voluptate dolore fugit veritatis exercitationem consectetur
        libero, sequi ratione quibusdam similique quae eos ea, voluptates optio
        odio. Error esse aliquid fuga iure delectus obcaecati est officiis
        molestias dolores voluptatem repellat, laborum omnis cum animi, ullam
        fugit itaque quis excepturi natus atque, veritatis voluptates quidem!
        At, quos distinctio. Officiis mollitia sint assumenda aliquam laboriosam
        cupiditate ea incidunt beatae? Perspiciatis, ullam magnam at libero
        facere alias vitae illum a aliquam, atque placeat impedit, rem maxime
        quo. Perspiciatis, molestiae suscipit? Accusantium esse nisi alias
        quibusdam veniam vitae ea harum. Fuga ipsa sed quibusdam minima,
        repudiandae doloremque consectetur iste ipsum, sit cumque alias impedit,
        nisi asperiores aspernatur exercitationem quaerat. Provident,
        voluptatum? Deserunt optio quas eveniet, modi voluptatibus facere error
        excepturi iste sed cumque assumenda sit in dolor ducimus culpa inventore
        repudiandae voluptatum deleniti, unde non natus illum aut. Ducimus,
        dignissimos minus. Eum quae nam consectetur nostrum odit expedita ea
        saepe minus reiciendis magnam ducimus rerum, quidem aliquam nesciunt
        vitae id in optio assumenda, blanditiis nihil? Totam repudiandae
        pariatur itaque error quas? Corporis ea ab quas! Aliquam consequatur
        inventore, culpa blanditiis corporis atque nulla quasi quo ut officia
        autem sapiente maxime assumenda. Quae aut officia ipsa nostrum quisquam,
        praesentium commodi facere iusto. Dignissimos laboriosam, dolorum
        aliquam eveniet expedita dolor unde nostrum harum earum sint, illum
        exercitationem? Aliquam rerum aspernatur quod alias amet nam provident
        reiciendis enim exercitationem excepturi, velit laborum, ex atque. Quasi
        inventore voluptatem perferendis. Consequatur odio amet vero laboriosam
        ipsam et ipsa id praesentium error quos? Aliquam tenetur ut, quod porro
        tempora, quam quas placeat perspiciatis ex rerum dolore dolores? Tenetur
        perspiciatis odio dolores iure! Maxime necessitatibus autem non aut
        alias, ipsum nesciunt ab aspernatur illum voluptatibus nulla voluptatem
        corrupti ad numquam similique eaque dolores soluta laudantium facilis
        eos fugiat. Ratione obcaecati totam maiores debitis optio fuga quibusdam
        distinctio placeat asperiores perferendis, modi voluptatum in. Inventore
        fugiat quas libero ut voluptatum accusantium, delectus minus doloribus
        eaque deserunt officiis? Iure, quaerat. Quos vero nostrum repellendus
        laudantium delectus molestiae atque, unde adipisci aliquam, quibusdam
        porro explicabo. Voluptas, harum ad esse vel enim ipsum laboriosam
        inventore, quisquam explicabo consequuntur consequatur id blanditiis
        asperiores. Labore consequatur officiis odio rerum explicabo dolore at
        commodi porro? Saepe quas quia, quibusdam maxime fugit earum
        voluptatibus rerum? Eum qui harum magni repellat voluptatibus quia
        quaerat at sapiente cupiditate. Ipsa iusto necessitatibus eligendi,
        accusantium laboriosam similique officiis quae qui et. Illo aut quia
        corrupti optio consequatur itaque, rem deleniti ullam impedit, molestias
        corporis, dolorum maxime eum illum assumenda esse. Odio impedit ipsa
        nulla libero vel, exercitationem numquam dicta architecto quas
        repudiandae autem eveniet soluta odit perferendis voluptatum laudantium
        at natus reiciendis maiores mollitia, culpa, qui quibusdam. Saepe,
        tempora consequuntur. Repellat voluptatum magnam vitae nihil earum
        laborum voluptas rerum, facere ad ipsa, doloribus aut placeat sunt
        adipisci iusto vero dolorum soluta voluptate. Consectetur quos, in
        aliquid autem dolores harum exercitationem! Cum neque deleniti ratione
        ipsa! Placeat dolor consectetur magnam. Nostrum placeat necessitatibus
        doloribus iure nisi odio dolores accusamus, quibusdam, fugit accusantium
        nesciunt beatae? Eligendi, incidunt natus ullam tenetur obcaecati nam.
        Aliquam voluptatem est nulla amet mollitia consequuntur voluptas tempora
        eos. Necessitatibus quaerat, obcaecati doloremque amet provident ex
        magni suscipit nemo quidem quos laboriosam, voluptatibus vel quia
        consequatur magnam sint ipsam? Fugit, quam ratione distinctio fuga hic
        unde ad officiis iste deserunt rerum accusantium? Obcaecati nisi sit
        laboriosam quas libero doloremque illo dolore illum facere, sed quos
        excepturi blanditiis veritatis culpa! Veritatis dolore incidunt odio
        obcaecati enim quidem, sequi tempora nesciunt alias quo, atque molestias
        sed officiis! Cupiditate tenetur molestiae nobis? Maxime, dolorum dicta
        mollitia est minima accusantium cum dolores ratione! Voluptates, sunt
        veritatis accusamus exercitationem corrupti eligendi minima vitae
        deleniti aperiam provident? Voluptate delectus quo nobis similique,
        libero consequuntur odio, magni molestiae praesentium nulla quaerat amet
        rerum cumque laudantium possimus! Ducimus molestiae eum culpa impedit ea
        sunt vitae recusandae voluptate explicabo quibusdam nesciunt libero
        pariatur architecto labore corrupti minus corporis earum, exercitationem
        esse tempora eveniet aliquam. Cupiditate ipsum corrupti adipisci!
        Voluptatem qui eius autem. Dolor deserunt laboriosam facere aspernatur
        natus? Perspiciatis placeat officiis debitis accusantium dolorem enim
        porro quo, sint unde accusamus vero dolorum libero eius culpa
        reprehenderit. Asperiores, dolores. Voluptatibus vero natus beatae illum
        atque doloremque iusto expedita distinctio, aperiam tempore porro quam,
        pariatur, praesentium tenetur officia quisquam? Dolore a vero veritatis
        odit, eius sunt quisquam illo voluptates harum. Magni consequuntur odio
        incidunt quam praesentium harum dolore magnam nostrum, in libero autem
        suscipit ipsa ratione expedita illum voluptate aliquam est ea? Quaerat
        facilis expedita ducimus vitae. Molestiae, eius libero? Itaque vitae
        dignissimos eligendi odit inventore reiciendis harum quasi corporis
        alias ullam id consequatur est vel incidunt, illo quaerat minus,
        possimus nam? Quisquam deserunt, dicta voluptatibus dolor aut ad
        explicabo. Dolorem nam incidunt veniam eveniet illum! Quod velit aliquam
        distinctio maxime sunt earum voluptatem perspiciatis possimus asperiores
        illum nulla assumenda architecto incidunt voluptas, totam ab fuga
        officiis sint ad hic. Ad voluptates doloribus laudantium incidunt
        tempora sapiente beatae. Iusto quam magni laboriosam numquam optio
        voluptatem, necessitatibus doloremque at, delectus excepturi voluptate,
        laborum labore architecto. Optio aut alias ullam doloribus possimus?
        Consectetur nostrum quo aperiam corrupti, enim officia eveniet non, nisi
        rem unde sapiente fuga accusamus iure blanditiis repudiandae ipsa ipsum
        soluta nesciunt aspernatur exercitationem! Numquam dicta nemo atque
        exercitationem magni. Minus mollitia, impedit rerum cum hic molestias
        reprehenderit autem delectus dolorem consequatur expedita unde quisquam
        atque libero magni exercitationem consequuntur, corrupti quam nisi non
        ratione laboriosam deserunt! Commodi, alias eius. Dolores ipsam placeat
        vero fugit optio commodi vitae, similique, necessitatibus laborum
        ratione iure saepe temporibus nobis. Nisi corrupti corporis pariatur
        soluta libero, hic itaque aspernatur? Quod, porro. Animi, delectus
        maiores. Vitae rem, nihil quibusdam sit reprehenderit in deleniti
        laboriosam, error veniam ullam minus repellat magnam ipsam reiciendis
        harum fugiat perferendis odit accusantium esse dolorum sed distinctio
        nam pariatur molestias! Iusto. Ratione hic a provident, reiciendis
        sapiente repudiandae quo. Aperiam unde fuga amet vitae quo deserunt
        nesciunt dicta vero dolorem est incidunt voluptates temporibus placeat,
        veritatis officiis quibusdam odit id esse! Facere repellat quam eius
        doloremque, illo maxime rem corporis itaque, eum temporibus laboriosam
        cumque ipsa harum assumenda esse. Debitis facilis minus ipsa sequi animi
        id eveniet cupiditate vero excepturi. Molestias! Molestiae harum
        praesentium, sed adipisci, rerum inventore nam ratione esse sit suscipit
        explicabo voluptatibus totam fugiat voluptatum odio corrupti repellendus
        hic modi autem in ut incidunt unde provident. Rem, recusandae. Sint sunt
        culpa, commodi earum reiciendis illo et iste repellendus? Dicta
        asperiores, modi placeat a tenetur doloribus reprehenderit. Dolore
        voluptatum doloribus similique provident veniam esse inventore impedit
        quam reiciendis cupiditate! Nobis quis voluptatem harum excepturi veniam
        atque. Assumenda sapiente voluptatum ipsa ut provident at quibusdam
        corporis illo eligendi, esse aperiam eveniet minima nisi est dolores,
        optio non error? Modi, amet? Quisquam tenetur beatae provident
        voluptatum! Atque iure unde odio. Voluptatibus vitae ab autem placeat
        at? At, unde consequuntur, sapiente illo, alias rerum quidem voluptas
        aliquam aspernatur ratione sed provident in. Incidunt ut mollitia odio
        blanditiis sed quod officia, consectetur dolor nisi debitis officiis est
        ducimus facere hic temporibus perferendis distinctio sint cum. Repellat
        voluptatem maxime quibusdam beatae accusamus ipsam dignissimos? Quae,
        inventore numquam ea omnis hic, placeat debitis dolores assumenda,
        expedita dolorem officiis qui perferendis nemo eaque! Labore laboriosam
        voluptatem minus qui, temporibus debitis delectus quas officiis
        voluptates deleniti odio. Velit sequi praesentium vitae repellat
        dignissimos, amet odit! Vero repellat saepe esse quo alias voluptate
        obcaecati, inventore hic cum vitae quaerat accusantium repudiandae enim,
        adipisci minus velit minima sapiente nostrum? Molestiae error numquam
        atque aut. Fuga soluta atque impedit quasi non repudiandae quisquam id
        earum quaerat ea. Eaque quia maiores ab officia perspiciatis corporis
        iusto maxime, ex similique aut architecto. Ab, velit quo? Corrupti,
        molestiae. Quaerat vitae praesentium labore vero ducimus eligendi
        voluptates. Officia quisquam placeat ipsa optio molestias voluptatibus
        eos mollitia commodi! Facilis explicabo veritatis enim, eveniet
        excepturi sint. Sequi ipsam non vero! Voluptatum mollitia non quae
        maxime corporis ab aliquid commodi perspiciatis molestiae quas
        blanditiis asperiores iste totam pariatur quasi aut harum fugit,
        doloribus facilis illum velit vero. Quia consequatur eum fugiat, cum,
        animi enim expedita hic nihil non impedit asperiores, illo temporibus
        sit? Quasi, ullam nobis aspernatur libero aliquam, repudiandae cumque
        ut, reprehenderit quaerat ab ea in! Quas incidunt iure illo molestias
        commodi, laborum quod libero qui nesciunt temporibus fuga ut maiores eum
        hic voluptate numquam dignissimos est omnis cumque. Fugit illo maiores
        ipsum, similique nesciunt quos? Blanditiis autem soluta nemo deleniti
        error sequi atque incidunt cumque repellendus neque ducimus animi qui
        aspernatur placeat reiciendis eligendi dicta officia ad, architecto
        possimus! Eveniet quos unde velit ut perferendis! Voluptate in adipisci
        beatae voluptatibus ullam, quo nisi odit reiciendis repudiandae commodi.
        Totam fuga, voluptate quasi ea quas placeat corporis tempora eaque non
        repellendus accusamus vel aliquid incidunt odio quae. Earum laboriosam
        ipsam neque pariatur quas eum laudantium eius? Laboriosam, sunt. Fugiat
        quam accusamus excepturi voluptatum vero, molestias neque officia, hic
        quia unde ipsa, deserunt in. Ea iste nulla ipsa. Porro architecto autem
        obcaecati nostrum quasi dignissimos mollitia. Minima aut ut sequi iusto
        voluptatum. Eos qui et, necessitatibus quas ullam sequi quis illo ea
        aperiam. Natus dignissimos asperiores saepe! Aliquam! Incidunt fugit
        aliquid repudiandae quisquam, praesentium tempora. Alias dolorum
        voluptatum, nam pariatur voluptate labore blanditiis vitae atque dolorem
        quis optio assumenda possimus magni molestiae exercitationem, sint
        commodi tempora culpa? Perferendis! Fuga, praesentium ratione quasi in
        ea esse molestiae provident repellendus similique voluptatum inventore
        impedit illo magnam debitis est iste cupiditate alias dolorum sed.
        Nobis, ex adipisci! Fugit ex suscipit ipsam. Quam aliquam officia
        temporibus fuga beatae eveniet accusantium reiciendis reprehenderit
        iusto doloremque pariatur totam deserunt similique consequuntur, atque
        quidem animi provident impedit sit ad ullam doloribus et, architecto
        placeat. Aliquam. Amet, doloremque? Libero nesciunt cupiditate mollitia
        earum sint, numquam culpa pariatur optio consectetur quibusdam
        laudantium nobis ex expedita maiores atque eaque corporis incidunt iusto
        quae sequi assumenda. Velit, quod. Libero. Qui eveniet commodi autem
        dolorum, accusantium numquam et adipisci odio exercitationem sapiente
        aspernatur ad. Natus, exercitationem vero doloremque suscipit dolores
        unde alias architecto? Enim explicabo alias, voluptatibus deserunt id
        culpa? Excepturi in iure tempore vel, assumenda, soluta nam nisi animi
        repellendus perferendis distinctio doloremque ut architecto? Quia
        officia sed maxime mollitia quae. Eveniet aspernatur recusandae, est
        quam ipsam facere eius. Et totam excepturi ipsam sapiente, fugiat cum
        voluptate soluta. Vel ut id cupiditate? Voluptatum molestias commodi
        architecto culpa doloremque illo expedita, quod distinctio, laudantium
        hic possimus! Quisquam laudantium iure ipsa. Soluta dolor, iure numquam
        voluptatum nesciunt aut cum quas sapiente veniam magni error, quasi,
        atque sed laudantium mollitia harum commodi totam eum voluptas
        voluptatem? Excepturi rerum molestias soluta eum voluptas. Voluptatibus
        similique sequi dicta debitis ab cum, vitae deserunt nisi ea blanditiis
        obcaecati accusamus ipsum voluptatem quae possimus quod totam illo?
        Perferendis laborum accusantium odio facilis illo expedita, molestias
        molestiae.
      </div>
    </div>
    <van-button @click="clickBtn(1)" class="footer-btn1" type="info"
      >操作1</van-button
    >
    <van-button @click="clickBtn(2)" class="footer-btn2" type="info"
      >操作2</van-button
    >
    <van-overlay :show="show" @click="show = false">
      <div class="wrapper" @click.stop>操作中...</div>
    </van-overlay>
  </div>
</template>
<script>
import { Toast, Dialog, Notify  } from "vant";
Vue.use(Dialog).use(Notify);
import helper from "../../service/helper.js";
import parameter from "../../service/state.js";
import Vue from "vue";
export default {
  data() {
    return {
      show: false,
      detailInfo: {},
    };
  },
  components: {},
  methods: {
    onClick1(index) {
      Toast.loading({
        duration: 0,
        message: "操作中...",
        forbidClick: true,
      });
      //处理操作，如果结果成功，取消提示
      setTimeout(() => {
        Notify({
          type: 'success',
          message:"操作成功"
        });
        Toast.clear();
      }, 3000);
    },
    onClick2(index) {
      this.show = true;
      //处理操作，如果结果成功，取消提示
      setTimeout(() => {
          Notify({
          type: 'success',
          message:"操作成功"
        });
        this.show = false;
      }, 3000);
    },
    clickBtn(index) {
      var that = this;
      var id = index;
      Dialog.confirm({
        title: "提示",
        message: `确定进行操作${index}?`,
      })
        .then(() => {
          if (id == 1) {
            that.onClick1();
          } else if (id == 2) {
            that.onClick2();
          }
          // on confirm
        })
        .catch(() => {
          // on cancel
        });
    },
  },
  watch: {},
  mounted() {
    if (this.$route.query.id) {
      this.detailInfo = this.$route.query;
    } else {
      Toast("没有数据");
      setTimeout(() => {
        this.$router.replace({
          path: "/index",
        });
      }, 1000);
    }
  },
};
</script>
<style scoped lang="less">
.contain {
  overflow-y: scroll;
  text-align: start;
  box-sizing: border-box;
  width: 100%;
  height: calc(~"100vh - 100px");
  background-color: #eee;
  padding: 10px 0;
  .detail-box {
    background-color: #fff;
    padding: 10px;
    margin: 0 10px;
    .detail-item1 {
      padding-bottom: 5px;
    }
    .flex {
      display: flex;
      justify-content: space-between;
    }
  }
}
.van-row {
  margin-top: 20px;
  position: relative;
}
.footer-btn1 {
  width: 50vw;
  position: fixed;
  bottom: 0;
  background-color: brown;
}
.footer-btn2 {
  width: 50vw;
  position: fixed;
  bottom: 0;
  right: 0;
}
.wrapper {
  color: #eee;
  text-align: center;
  line-height: 100vh;
}
</style>